<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
div {
  color: #222;
  padding: 10px;
  border: 2px solid;
  position:relative;

  width:10em;
  -moz-column-count:2;
  -webkit-column-count:2;
}

h2, h3 {position:absolute; width:3em; background: #f00; color:#fff;}
h2 { top: 0; left: 0; }
h3 { bottom: 0; right: 0; }

p, h2, h3 {margin:0;}
p { visibility: hidden; }
</style>
</head>
<body>
<div>
<h2>Test</h2>
<h3>Test</h3>
<p>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX<br>XXXX<br> </p>
</div>
</body>
</html>
